<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- label的使用方式一： -->
        <!-- 此时点击用户名，也可以让输入框获取焦点 -->
        <label>
            用户名：<input type="text">
        </label>
        <hr>
        <!-- label的使用方式二： -->
        <!-- label for id -->
        <label for="user">用户名：</label><input id="user" type="text">
        <hr>

        <input type="text" disabled autofocus readonly>
    </form>
</body>
</html>